<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template.xhtml"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core">
             <ui:define name="content">
  
                <h1>Gestión de usuarios</h1>         
                        <table border="1">
                            <tr>
                                <th>DNI</th>
                                <th>Nombre</th>
                                <th>Apellidos</th>
                                <th>Fecha de nacimiento</th>
                                <th>Teléfono</th>
                                <th>Email</th>
                                <th>Rol</th>
                            </tr>
                            
                            <c:if test="#{!empty login.medicos}">
                                <h:form>
                                    <ui:repeat value="#{login.medicos}" var="usuario" varStatus="pos">
                                        <tr>
                                            <td><h:outputText value="#{usuario.dni}" /></td>
                                            <td><h:outputText value="#{usuario.nombre}" /></td>
                                            <td><h:outputText value="#{usuario.apellidos}" /></td>
                                            <td><h:outputText value="#{usuario.fechaNacimiento}" /></td>
                                            <td><h:outputText value="#{usuario.telefono}" /></td>
                                            <td><h:outputText value="#{usuario.email}" /></td>
                                            <td><h:outputText value="#{login.rol(usuario)}" /></td>
                                            <td><h:commandButton class="simpleButton" value="Eliminar" action="#{login.eliminarMedico(pos.index)}"/></td>
                                        </tr>
                                    </ui:repeat>
                                 </h:form>
                             </c:if>
                            
                             <c:if test="#{!empty login.pacientes}">
                                <h:form>
                                    <ui:repeat value="#{login.pacientes}" var="usuario" varStatus="pos">
                                        <tr>
                                            <td><h:outputText value="#{usuario.dni}" /></td>
                                            <td><h:outputText value="#{usuario.nombre}" /></td>
                                            <td><h:outputText value="#{usuario.apellidos}" /></td>
                                            <td><h:outputText value="#{usuario.fechaNacimiento}" /></td>
                                            <td><h:outputText value="#{usuario.telefono}" /></td>
                                            <td><h:outputText value="#{usuario.email}" /></td>
                                            <td><h:outputText value="#{login.rol(usuario)}" /></td>
                                            <td><h:commandButton class="simpleButton" value="Eliminar" action="#{login.eliminarPaciente(pos.index)}"/></td>
                                        </tr>
                                    </ui:repeat>
                                 </h:form>
                             </c:if>
                            
                            <c:if test="#{!empty login.administrativos}">
                                <h:form>
                                    <ui:repeat value="#{login.administrativos}" var="usuario" varStatus="pos">
                                        <tr>
                                            <td><h:outputText value="#{usuario.dni}" /></td>
                                            <td><h:outputText value="#{usuario.nombre}" /></td>
                                            <td><h:outputText value="#{usuario.apellidos}" /></td>
                                            <td><h:outputText value="#{usuario.fechaNacimiento}" /></td>
                                            <td><h:outputText value="#{usuario.telefono}" /></td>
                                            <td><h:outputText value="#{usuario.email}" /></td>
                                            <td><h:outputText value="#{login.rol(usuario)}" /></td>
                                            <td><h:commandButton class="simpleButton" value="Eliminar" action="#{login.eliminarAdministrativo(pos.index)}"/></td>
                                        </tr>
                                    </ui:repeat>
                                 </h:form>
                             </c:if>
                        </table>
                        
                    <h:form>
                    <table>
                        <tr>
                            <td>Dni:</td>
                            <td><h:inputText value="#{login.dni}"/></td>
                        </tr>
                        <tr>
                            <td>Nombre:</td>
                            <td><h:inputText value="#{login.nombre}"/></td>
                        </tr>
                        <tr>
                            <td>Apellidos:</td>
                            <td><h:inputText value="#{login.apellidos}"/></td>
                        </tr>
                        
                         <tr>
                            <td>Contraseña:</td>
                            <td><h:inputText value="#{login.contrasena}"/></td>
                        </tr>
                        <tr>
                            <td>Fecha (dd/mm/aaaa): </td>
                            <td>
                                <h:selectOneMenu value="#{login.dia}">
                                    <c:forEach var="i" begin="1" end="31">
                                       <f:selectItem itemLabel="${i}" itemValue="${i}" />                        
                                    </c:forEach>
                                </h:selectOneMenu>
                                <h:selectOneMenu value="#{login.mes}">
                                    <c:forEach var="i" begin="1" end="12">
                                        <f:selectItem itemLabel="${i}" itemValue="${i}" />                        
                                    </c:forEach>
                                </h:selectOneMenu>
                                <h:inputText value="#{login.year}"/>
                            </td>
                        </tr>
                        <tr>
                            <td>Teléfono:</td>
                            <td><h:inputText value="#{login.telefono}"/></td>
                        </tr> 
                        
                         <tr>
                            <td>Email:</td>
                            <td><h:inputText value="#{login.email}"/></td>
                        </tr> 

                        <tr>
                              <h:selectOneRadio value="#{login.tipo}">
                                <f:selectItem itemLabel="Paciente" itemValue="1" />
                                <f:selectItem itemLabel="Médico" itemValue="2" />
                                <f:selectItem itemLabel="Administrativo" itemValue="3" />
                              </h:selectOneRadio>
                        </tr> 

                        <tr>
                            <td colspan="6"><h:commandButton class="simpleButton" value="Añadir" action="#{login.anadirUsuario()}"/> </td>
                        </tr>
                    </table>
                   </h:form>
    </ui:define>
</ui:composition>



